<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Twitter - 推特 </title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<header>  

</header>        
<section class="content">
    <div class="articles">
        <article class="post">
            <img class="avatar" src="/avatar_20150427203326.png" alt="">
            <section class="content">
                <header>
                    <span class="name">Juntao</span>
                    <span class="account">@juntao</span>
                    <span class="time">2m</span>
                </header>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti obcaecati harum recusandae voluptatum, nulla, sunt nobis quis aliquam iusto. Odit dolor, fugiat. Qui eaque, accusantium sed quidem ipsa facilis maxime!</p>
                <footer>
                    <nav>
                        <a href="" class="icon-redo"></a>
                        <a href="" class="icon-star"></a>
                        <a href="" class="icon-loop"></a>
                        <a href="" class="icon-ellipsis"></a>
                        <a href="" class="icon-maximize"></a>
                    </nav>
                </footer>
            </section>
        </article>
    </div>
</section>    
</body>
</html>